<template>
	<div>
		<el-breadcrumb separator-class="el-icon-arrow-right">
			<el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
			<el-breadcrumb-item>权限管理</el-breadcrumb-item>
			<el-breadcrumb-item>角色列表</el-breadcrumb-item>
		</el-breadcrumb>
		
		<!-- 卡片视图 -->
		<ref></ref>

	</div>
</template>

<script>
	import ref from '../Ref/ref'
	export default {
		components: { ref },

		data() {
			return {
				
			}
		}
		}
	// 	data() {
	// 		var checkEmail = (rule, value, cb) => {
	// 			// console.log(rule, value, cb)
	// 			const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/
	// 			if (regEmail.test(value)) {
	// 				return cb()
	// 			}
	// 			cb(new Error('输入正确邮箱'))
	// 		}

	// 		var checkMobile = (rule, value, cb) => {
	// 			const regMobile = /^(1[3|5-9])\d{9}$/
	// 			if (regMobile.test(value)) {
	// 				return cb()
	// 			}
	// 			cb(new Error('输入正确手机号'))
	// 		}
	// 		return {
	// 			rightList: [],
	// 			dialogVisible: false,
	// 			addForm: {
	// 				username: '',
	// 				password: '',
	// 				email: '',
	// 				mobile: ''
	// 			},
	// 			addFormrules: {
	// 				username: [{
	// 						required: true,
	// 						message: '请输入用户名',
	// 						trigger: 'blur'
	// 					},
	// 					{
	// 						min: 3,
	// 						mix: 10,
	// 						message: '用户名长度在3~10位',
	// 						trigger: 'blur'
	// 					}
	// 				],
	// 				password: [{
	// 						required: true,
	// 						message: '请输入密码',
	// 						trigger: 'blur'
	// 					},
	// 					{
	// 						min: 3,
	// 						mix: 10,
	// 						message: '用户名长度在3~10位',
	// 						trigger: 'blur'
	// 					}
	// 				],
	// 				email: [{
	// 						required: true,
	// 						message: '请输入邮箱',
	// 						trigger: 'blur'
	// 					},
	// 					{
	// 						validator: checkEmail,
	// 						trigger: 'blur'
	// 					}
	// 				],
	// 				mobile: [{
	// 						required: true,
	// 						message: '请输入邮箱',
	// 						trigger: 'blur'
	// 					},
	// 					{
	// 						validator: checkMobile,
	// 						trigger: 'blur'
	// 					}
	// 				]
	// 			}
	// 		}
	// 	},
	// 	created() {
	// 		this.getRigst()
	// 	},
	// 	methods: {
	// 		async getRigst() {
	// 			const {
	// 				data: res
	// 			} = await this.$http.get('/roles')
	// 			if (res.meta.status !== 200) {
	// 				return this.$message.error('获取失败')
	// 			}
	// 			this.rightList = res.data
	// 			console.log(this.rightList)
	// 		},
			
	// 		addDialogClosed() {
	// 			this.$refs.addruleForm.resetFields()
	// 		},

	// 		async getUsers() {
	// 			this.$refs.addruleForm.validate(async valid => {
 //          if (!valid) return
	// 				const {
	// 					data: res1
	// 				} = await this.$http.post('/roles111', this.addForm)

	// 				if (res1.meta.status !== 200) {
	// 					return this.$message.error("失败")
	// 				}
	// 				this.$message.success('成功')
	// 				this.dialogVisible = false
	// 				this.getRigst()
	// 			})
	// 		}
	// 	}
	// }
</script>

<style>
</style>
